<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="box"></div>
    <script src="../js/jquery.js"></script>
    <script>
        // get 请求和 post 请求区别
        // get 就是把请求参数 拼在 请求 url 后面发送，以key-value的形式发送
        // post 是把参数放在请求体当中，以key-value的形式发送
        // ajax
        $.ajax({
            url : 'http://api.tianapi.com/esports/index', // 请求接口地址
            data : { // 请求参数
                key : '4ed65ae069cfb9645f57d4c53fb679ad',
                num : 5
            }, 
            type : 'post', // 请求方式
            async : true, // 异步请求
            dataType : 'json', // son格式解析返回数据
            success : function(resp){ // 请求成功回调函数
                if(resp.code == 200){
                    console.log(resp.msg);
                }
            },
            error :function(resp){ // 请求失败回调函数
                console.log(resp);
            }
        })
    </script>
</body>
</html>